home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Date & Calendars / pop-up-date-picker.izs < prev    next >
Text File  |  2005-07-20  |  2KB  |  65 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Popup date picker 
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>Make it easy for your visitors to fill out the date/time field(s) of your form, by selecting this info from a popup calendar.
  7. <!/DESCRIPTION> 
  8.  
  9. <!CATEGORY>Calenders<!/CATEGORY>
  10.  
  11. <!SCRIPT>
  12. <!-- START OF SCRIPT -->
  13. <!-- step1: Insert the below into the <HEAD> section of your page:   -->
  14. <script language="JavaScript" src="ts_picker.js">
  15.  
  16. //Script by Denis Gritcyuk: tspicker@yahoo.com
  17. //Submitted to JavaScript Kit (http://javascriptkit.com)
  18. //Visit http://javascriptkit.com for this script
  19.  
  20. </script>
  21.  
  22. <!-- step2: Insert the below sample form into the <BODY> section of your page: -->
  23.  
  24. <form name="tstest">
  25. <input type="Text" name="timestamp" value="">
  26. <a href="javascript:show_calendar('document.tstest.timestamp', document.tstest.timestamp.value);"><img src="cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the timestamp"></a>
  27. </form>
  28.  
  29. /*
  30. step3: Finally, this script comes with 3 images and 1 external JavaScript file. Download the following zip file, and upload the containing 4 files onto your web server, in the same directory as where your webpage resides:
  31.  
  32. http://www.javascriptkit.com/script/script2/datepick.zip - download this
  33. */
  34. <!-- END OF SCRIPT -->
  35. <!/SCRIPT>
  36.  
  37. <!PREVIEW>
  38. <!-- START OF SCRIPT -->
  39. <!-- step1: Insert the below into the <HEAD> section of your page:   -->
  40. <script language="JavaScript" src="ts_picker.js">
  41.  
  42. //Script by Denis Gritcyuk: tspicker@yahoo.com
  43. //Submitted to JavaScript Kit (http://javascriptkit.com)
  44. //Visit http://javascriptkit.com for this script
  45.  
  46. </script>
  47.  
  48. <!-- step2: Insert the below sample form into the <BODY> section of your page: -->
  49.  
  50. <form name="tstest">
  51. <input type="Text" name="timestamp" value="">
  52. <a href="javascript:show_calendar('document.tstest.timestamp', document.tstest.timestamp.value);"><img src="cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the timestamp"></a>
  53. </form>
  54.  
  55. /*
  56. step3: Finally, this script comes with 3 images and 1 external JavaScript file. Download the following zip file, and upload the containing 4 files onto your web server, in the same directory as where your webpage resides:
  57.  
  58. http://www.javascriptkit.com/script/script2/datepick.zip - download this
  59. */
  60.  
  61.  
  62. <!-- END OF SCRIPT -->
  63. <!/PREVIEW>
  64.  
  65. <!RELATED>NONE<!/RELATED>